{% extends "base.html" %}
{% block title %}Отчет по попытке{% endblock %}
{% block content %}
  <div class="d-flex justify-content-between align-items-center mb-4">
    <div>
      <h1 class="h3 mb-1">Отчет по попытке</h1>
      <p class="text-muted mb-0">
        Пользователь: {{ user.full_name if user.full_name else user.username }}<br>
        Тест: {{ test.title }}<br>
        Дата начала: {{ attempt.started_at.strftime('%d.%m.%Y %H:%M') }}<br>
        {% if attempt.completed_at %}
          Завершено: {{ attempt.completed_at.strftime('%d.%m.%Y %H:%M') }}<br>
        {% endif %}
        {% if attempt.score %}
          Оценка: {{ attempt.score }}
        {% endif %}
      </p>
    </div>
    <div class="text-end">
      <div class="badge text-bg-primary fs-6">Правильно {{ total_correct }} / {{ total_questions }}</div>
      <div class="mt-3">
        <a class="btn btn-outline-secondary me-2" href="{{ url_for('admin.statistics') }}">Статистика</a>
        <a class="btn btn-outline-primary" href="{{ url_for('admin.edit_user', user_id=user.id) }}">К пользователю</a>
      </div>
    </div>
  </div>

  {% for item in report_rows %}
    <div class="card shadow-sm mb-3">
      <div class="card-body">
        <div class="d-flex justify-content-between align-items-start mb-2">
          <div>
            <h2 class="h5 mb-1">Вопрос {{ loop.index }}</h2>
            <p class="mb-0">{{ item.question.question_text }}</p>
          </div>
          <div>
            {% if item.unanswered %}
              <span class="badge text-bg-warning">Без ответа</span>
            {% elif item.is_correct %}
              <span class="badge text-bg-success">Верно</span>
            {% else %}
              <span class="badge text-bg-danger">Ошибка</span>
            {% endif %}
          </div>
        </div>
        <ul class="list-group list-group-flush attempt-report-options">
          {% for option in item.options %}
            <li class="list-group-item d-flex justify-content-between align-items-center {{ option.status }}">
              <div>
                {% if option.is_selected %}
                  <span class="badge text-bg-primary me-2">Выбран</span>
                {% endif %}
                {{ option.answer.answer_text }}
              </div>
              <div>
                {% if option.is_correct %}
                  <span class="badge text-bg-success">Правильный</span>
                {% else %}
                  <span class="badge text-bg-light text-dark">Неправильный</span>
                {% endif %}
              </div>
            </li>
          {% endfor %}
        </ul>
      </div>
    </div>
  {% endfor %}
{% endblock %}